<template>
  <div class="content">
    <div class="friend-wrapper">
      <search />
      <friendList />
    </div>
    <div class="friend-info">
      <info />
    </div>
  </div>
</template>

<script>
import search from '@/components/search/search'
import friendList from '@/components/friendlist/friendlist'
import info from '@/components/info/info'

export default {
  name: 'Friend',
  components: {
    search,
    friendList,
    info
  }
}
</script>

<style lang="stylus" scoped>
  .content
    display: flex
    width: 800px

    .friend-wrapper
      width: 250px
      background: rgb(230, 230, 230)

    .friend-info
      flex: 1
</style>
